<!-- 
 * @description: 测试页面
 * @author: Linh 
 * @date: 2023-02-27 15:40:46
!-->
<template>
    <div class="page">
        <p>scss</p>
        <a-button type="primary" @click="changeState">
            <icon-font icon-name="icon-twitter"></icon-font>
        </a-button>
        <p>{{ isLoading }}</p>
    </div>
</template>

<script>
import { mapMutations, mapState } from 'vuex';

export default {
    computed: {
        ...mapState(['isLoading'])
    },

    methods: {
        ...mapMutations(['changeLoadingState']),
        /**
         * @description: 调用方法改变isLoading
         */
        changeState() {
            console.log(process.env.VUE_APP_MODE)
            this.changeLoadingState(!this.isLoading);
        }
    },
};
</script>

<style lang="scss" scoped>
.page {
    >p:first-child {
        font-size: 36px;
    }
}
</style>